/**
* @author vidy3587@gmail.com
 */
@mixin ellipsis ($clamp: 2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: $clamp;
}

@mixin withBg ($url, $width, $height, $positionLeft : center, $positionTop : top, $repeat: no-repeat) {
  background-image: url($url);
  background-size: $width $height;
  background-repeat: $repeat;
  background-position: $positionLeft $positionTop;
}